<template>
  <view class="order-basics-component">
    <view class="order-basics-body">
			<hsb-business-order-title-cell
				title="订单信息"
			/>
    	<view class="order-basics-list">
				<view class="order-basics-item">
					<view class="cell-label">订单编号</view>
					<view class="cell-value">{{ orderInfo.orderNum }}</view>
				</view>
				<view class="order-basics-item">
					<view class="cell-label">创建时间</view>
					<view class="cell-value">{{ orderInfo.orderTime }}</view>
				</view>
				<view v-if="orderInfo.sendTime" class="order-basics-item">
					<view class="cell-label">发货时间</view>
					<view class="cell-value">{{ orderInfo.sendTime }}</view>
				</view>
				<view v-if="orderInfo.receiveTime" class="order-basics-item">
					<view class="cell-label">收货时间</view>
					<view class="cell-value">{{ orderInfo.receiveTime }}</view>
				</view>
				<view v-if="orderInfo.detectTime" class="order-basics-item">
					<view class="cell-label">检测时间</view>
					<view class="cell-value">{{ orderInfo.detectTime }}</view>
				</view>
				<view v-if="orderInfo.payOutTime" class="order-basics-item">
					<view class="cell-label">付款时间</view>
					<view class="cell-value">{{ orderInfo.payOutTime }}</view>
				</view>
				<view v-if="orderInfo.cancelTime" class="order-basics-item">
					<view class="cell-label">取消时间</view>
					<view class="cell-value">{{ orderInfo.cancelTime }}</view>
				</view>
			</view>
    </view>
  </view>
</template>

<script>
export default {
	props: {
		orderInfo: Object
	}
}
</script>

<style lang="scss" scoped>
@import './index.scss';
</style>